﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="C_LogIn.aspx.cs" Inherits="ShiCaiWang1.C_LogIn" %>

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>拾柴网</title>

    <!-- css外部样式 -->
    <link rel="stylesheet" href="css/C-layout.css" />
    <link rel="stylesheet" href="css/C-header.css" />
    <link rel="stylesheet" href="css/C-content.css" />
    <link rel="stylesheet" href="css/C-content2.css" />
    <link rel="stylesheet" href="css/C-footer.css" />

    <!-- css弹窗外部样式 -->
    <link rel="stylesheet" href="icon/iconfont.css"/>
    <link rel="stylesheet" href="modal.css"/>

    <!-- jquery框架 -->
    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js">
    </script>
    <!-- <script type="text/javascript" src="js/jquery-3.5.1.js">
		</script> -->
    <script type="text/javascript" src="js/jquery-3.5.1.min.js">
    </script>

    <!-- js外部样式 -->
    <script type="text/javascript" src="js/logon.js">
    </script>
    <script src="./modal.js">
    </script>
    <!-- <script type="text/javascript">
			$(function () {
				$("tr").css("color", "red");
			});
		</script> -->



    <style>
        /*在.grid-cell-1~6类上添加上下左右内边距为10px*/
        
        div[class^="grid-cell"] {
            padding: 10px;
        }
        
        nav {
            display: block;
            margin: 10px;
        }
    </style>

</head>

<body>
    <div id="header" class="grid ">
        <div class="grid-cell-1">
            <div class="">
                <div class="header-box1">
                    <dl class="">
                        <dt class=""></dt>
                        <dd class="header-dd1"><img src="img/logo.gif" class="head_logo" /></dd>
                    </dl>
                </div>
            </div>
        </div>
        <div class="grid-cell-1">
            <div class="">
                <p class="">
                    已有账号
                    <a href="#" class="">直接登录</a>
                </p>
            </div>
        </div>
    </div>


    <div id="content" class="">
        <div class="grid">
            <div class="grid-cell-4">
                <div class="box">
                    <img src="img/login_pic.gif" id="pic" />
                </div>
            </div>
            <div class="grid-cell-1">
                <!-- 注册功能 -->
                <div class="content-box">
                    <form runat="server" class="content-box-form form2">
                        <p class="form2-p">注册</p>
                        <table class="content-box-table">
                            <!-- <p>注册</p> -->
                            <!-- 账号 -->
                            <tr class="tr">
                                <td class="content-box-text">账号：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op0" class="td-text" placeholder="请输入账号" runat="server" OnTextChanged="op1_TextChanged"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si0" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <!-- 手机号 -->
                            <tr class="tr">
                                <td class="content-box-text">手机号：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op1" class="td-text" type="number" placeholder="请输入手机号码" runat="server" OnTextChanged="op1_TextChanged"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si1" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>
                            
                            <!-- 密码 -->
                            <tr class="tr">
                                <td class="content-box-text">密码：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op2" class="td-text" type="password" placeholder="4-10个英文字母或数字" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si2" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <!-- 确认密码 -->
                            <tr class="tr">
                                <td class="content-box-text">确认密码：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op3" class="td-text" placeholder="确认密码" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si3" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <!-- 昵称 -->
                            <tr class="tr">
                                <td class="content-box-text">昵称：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op5" class="td-text" placeholder="请设置您的昵称" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si5" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <!-- 邮箱 -->
                            <tr class="tr">
                                <td class="content-box-text">邮箱：</td>
                                <td class="" colspan="2">
                                    <asp:TextBox ID="op4" class="td-text" placeholder="请输入邮箱号码" runat="server"></asp:TextBox>
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si4" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <!-- 验证码 -->
                            <tr class="tr">
                                <td class="content-box-text">验证码：</td>
                                <td class="tr-td">
                                    <asp:TextBox ID="op6" class="td-text" maxlength="4" onkeyup="value=value.replace(/[^\d]/g,'')" placeholder="请输入验证码" runat="server"></asp:TextBox>
                                </td>
                                <td class="tr-td2">
                                    <!-- 获取按钮 -->
                                    <asp:Button ID="btn1" name="protocal" class="td-button" runat="server" Text="获取" OnClick="btn1_Click" />
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si6" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>
                            <!-- 邮箱 -->
                            <tr class="tr">
                                <td class="content-box-text">邮箱验证码：</td>
                                <td class="tr-td">
                                    <asp:TextBox ID="op7" class="td-text" maxlength="6" placeholder="邮箱验证码" runat="server"></asp:TextBox>
                                </td>
                                <td class="tr-td2">
                                    <!-- 获取按钮 -->
                                    <asp:Button ID="btn3" name="protocal" class="td-button" runat="server" Text="邮箱验证码" OnClick="btn3_Click" />
                                </td>
                            </tr>
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Label ID="si7" class="si" runat="server" Text=""></asp:Label>
                                </td>
                            </tr>

                            <tr class="tr">
                                <td colspan="3">
                                    <asp:CheckBox ID="CheckBox1"  name="protocal" runat="server" /> 
                                    我已阅读并同意相关条款
                                </td>
                            </tr>

                            <!-- 立即注册 -->
                            <tr class="tr">
                                <td colspan="3">
                                    <asp:Button ID="btn2" OnClientClick="return checkPhone()" disable="disabled" name="protocal" class="tr-button" runat="server" Text="立即注册" OnClick="btn2_Click" />
                                </td>
                            </tr>
                        </table>
                    </form>
                </div>
            </div>
        </div>

    </div>
    <div id="footer" class="grid box-red">
        <div class="grid-cell-2">
            <div class="box-green">

            </div>
        </div>
        <div class="grid-cell-1">
            <div class="box-green">

            </div>
        </div>
    </div>
</body>

</html>
